<style>
    .tree-folder{
        clear: both;
        background: none;
    }
    .tree-folder-open{
        clear: both;
        background: none;
    }
    /*.fa{*/
        /*margin-top: 3px;*/
    /*}*/
    td[field=sDepName] > .datagrid-cell > .fa{
        /*height: inherit;*/
        margin-top: 3px;
    }
    .tree-file{
        clear: both;
        background: none;
    }
    .select2-dropdown {z-index: 2000;}
    .swal2-container.swal2-shown {background-color: transparent;}
    .swal2-modal {box-shadow: 1px 2px 10px 2px #aaaaaa;}

    {{ staffEdit }}

</style>

<table style="width: 100%;height: 100%">
    <tbody>
        {#<tr style="height: 67px;"><td valign="top" colspan="2"><ul class="breadcrumb"><li><i class="fa fa-home fa-lg"></i> 主页</li><li>职工</li><li>职工列表</li></ul></td></tr>#}
        {% if NavUl is defined %}
            <tr style="height: 67px">
                <td valign="top">{{ NavUl }}</td>
            </tr>
        {% endif %}
        <tr>
            {#<td>#}
                {#<div class="easyui-layout" style="width:600px;;height:100%;">#}
                    {#<tr>#}

                    {#</tr>#}
                    {#<div data-options="region:'north',title:'North Title',split:true" style="width: 330px;height: 100px;"></div>#}
                    {#<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>#}
                {#</div>#}
                {#<div id="cc" class="easyui-layout" style="width:100%;height:100%;">#}
                    {#<div data-options="region:'north'split:true" style="height:100px;"></div>#}
                    {#<div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>#}
                    {#<div data-options="region:'east',title:'East',split:true" style="width:100px;"></div>#}
                    {#<div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>#}
                    {#<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>#}
                {#</div>#}
                {#<div class="easyui-resizable" style="width:100px;height:100px;border:1px solid #ccc;"#}
                     {#data-options="maxWidth:800">#}
                {#</div>#}
            {#</td>#}


            <td id="depTree" style="width: 280px" >

                <div id="cc" class="easyui-resizable" style="width:100%;height:100%;border:0px solid #ccc;"  data-options="maxWidth:450,minWidth:200">
                    <table id="depList" title="部门列表"  style="height: 100%"
                           data-options="
                url: '{{ url('hrm/staff/getDep') }}',
                method: 'post',
                rownumbers: true,
                idField: 'iDepId',
                treeField: 'sDepName',
                " >

                        <thead>
                        <tr>
                            <th data-options="field:'ck',checkbox:true"></th>
                            <th data-options="field:'iDepId'" width="20" hidden>iDepId</th>
                            <th data-options="field:'sDepName'" width="220" align="left">部门名称</th>

                            {#<th data-options="field:'tCreateDate'" width="150px" align="center">创建时间</th>#}
                            {#<th data-options="field:'iCreateUserId'" width="100px" align="left">创建用户</th>#}
                            {#<th data-options="field:'tLastModifyDate'" width="150px" align="center">最后修改时间</th>#}
                            {#<th data-options="field:'iLastModifyUserId'" width="100px" align="left">最后修改用户</th>#}
                        </tr>
                        </thead>
                    </table>
                </div>
            </td>

            <div id="mm" style=";color:#2baab1;display: none">
                {% if enums['iWorkStatus'] is defined and enums['iWorkStatus'] | length > 0  %}
                    {% for id,text in enums['iWorkStatus']  %}
                        <div  iconCls="fa fa-pencil fa-lg fa-fw" nodeId="{{ id }}" style="color:#2baab1;">{{ text }}</div>
                    {% endfor %}
                {% endif %}
            </div>
            <div id="mm1" style=";color:#2baab1;display: none">
                {% if enums['iStaffStatus'] is defined and enums['iStaffStatus'] | length > 0  %}
                    {% for id,text in enums['iStaffStatus']  %}
                        <div  iconCls="fa fa-pencil fa-lg fa-fw" nodeId="{{ id }}" style="color:#2baab1;">{{ text }}</div>
                    {% endfor %}
                {% endif %}
            </div>
            <div id="mm2" style=";color:#2baab1;display: none">
                {% if enums['iOfferStatus'] is defined and enums['iOfferStatus'] | length > 0  %}
                    {% for id,text in enums['iOfferStatus']  %}
                        <div  iconCls="fa fa-pencil fa-lg fa-fw" nodeId="{{ id }}" style="color:#2baab1;">{{ text }}</div>
                    {% endfor %}
                {% endif %}
                {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">试用</div>#}
                {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">正式</div>#}
            </div>


            <div id="importMenu" style=";color:#2baab1;display: none">
                <div  iconCls="fa fa-user fa-md fa-fw" style="color:#2baab1;">在职导入</div>
                <div  iconCls="fa fa-user fa-md fa-fw" style="color:grey;">离职导入</div>
                {#<div  iconCls="fa fa-user fa-lg fa-fw" style="color:yellow;">顾问、挂靠导入</div>#}
            </div>

            <div id="specialMenu" style=";color:#2baab1;display: none">
                <div  iconCls="fa fa-user fa-md fa-fw" style="color:#2baab1;">设置为特殊</div>
                <div  iconCls="fa fa-user fa-md fa-fw" style="color:grey;">恢复正常</div>
                {#<div  iconCls="fa fa-user fa-lg fa-fw" style="color:yellow;">顾问、挂靠导入</div>#}
            </div>

            <div id="addStaffMenu" style=";color:#2baab1;display: none">
                <div  iconCls="fa fa-user fa-md fa-fw" style="color:#2baab1;">新增在职职工</div>
                <div  iconCls="fa fa-user fa-md fa-fw" style="color:grey;">新增离职职工</div>
                <div  iconCls="fa fa-user fa-lg fa-fw" style="color:rosybrown;">新增特殊职工</div>
            </div>

            <td class="xh-datagrid">{{ staffList }}</td>

        </tr>
        <tr id="titleRow" style="height: 48px;display: none;" valign="top" >
            <td><div  style="width: 100%;background-color: #ccc;"><label id="title" style="text-align: center;font-size: 20px;width: 100%;margin: 10px;letter-spacing: 2px;">欢迎<a id="tabReturn"  class="btn btn-sm btn-default pull-right return"  style="margin-right: 20px">返回</a></label></div></td>
        </tr>
        <tr  id="tabRow" style="display:none;">
            <td valign="top">
                <iframe  name="tabFrame"  style="width: 100%;;border-style: none;padding: 0px;height:98%"  scrolling="yes"  >

                </iframe>
            </td>
        </tr>
    </tbody>
</table>